page {
	background-color: #ffffff;
	position: relative;
	padding-bottom: 120rpx;
}

.allHead {
	padding-top: 20rpx;
	background: linear-gradient(360deg, #FFFFFF 0%, #FF2840 20%, #FF2840 100%);
}

.head_nav {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #ffffff;
}

.head_title {
	width: 100%;
	line-height: 32px;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 36rpx;
	color: #FFFFFF;
}

.view-top-search {
	width: 100%;
	height: 76rpx;
	/* background-color: #FFD0D0; */
	display: flex;
	justify-content: center;
	align-items: center;
}

.view-top-search-active {
	border: 1rpx solid #FF99A5;
	border-radius: 50rpx;
	margin: 0 30rpx 20rpx 30rpx;
}

.top-search {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 690rpx;
	height: 55rpx;
	padding: 0 30rpx;
	padding-right: 4rpx;
	box-sizing: border-box;
	border-radius: 76rpx;
	font-size: 28rpx;
	background: #ffffff;
}

.top-search image {
	width: 32rpx;
	height: 32rpx;
}

.top-search input {
	flex: 1;
	margin-left: 20rpx;
}

.top-search .right-bth {
	color: #ffffff;
	font-size: 30rpx;
	width: 130rpx;
	height: 68rpx;
	border-radius: 38rpx;
	background: linear-gradient(90deg, #FF7584 0%, #FF2840 100%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.headBox {
	width: 100%;
	height: 100%;
}

.slide-image {
	width: 690rpx;
	height: 224rpx;
	margin-left: 30rpx;
	border-radius: 20rpx;
}

.lineSwipe {
	height: 60rpx;
}

.swiper-view {
	display: flex;
	flex-direction: row;
	justify-content: center;
	color: #666666;
	background: #FFF5F6;
	margin: 20rpx 30rpx 0 30rpx;
	padding-left: 16rpx;
	margin-bottom: 16rpx;
	border-radius: 10rpx;
}

.swiper_container {
	height: 68rpx;
	width: 95%;
}

.swiper_item {
	height: 50rpx;
	font-size: 24rpx;
	letter-spacing: 1rpx;
	vertical-align: middle;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16rpx 20rpx;
	border-radius: 10rpx;
	box-sizing: content-box;
}

.swiper_item .flexBox {
	flex: 1;
	display: flex;
	align-items: center;
	font-size: 24rpx;
	line-height: 34rpx;
}

.swiper_item .flexBox text {
	display: inline-block;
}

.notification {
	width: 32rpx;
	height: 32rpx;
	margin-right: 16rpx;
	margin-top: 4rpx;
}

.font-notification {
	width: 60rpx;
	height: 28rpx;
	/* margin-right: 16rpx; */
	margin-top: 4rpx;
}

.orderWayBox {
	height: 356rpx;
	display: flex;
	justify-content: space-between;
	margin: 30rpx auto 0;
	width: 93%;
}

.orderWayBox .leftBox {
	flex: 1;
	background-color: #E2FEFF;
	padding: 30rpx 24rpx 0;
	position: relative;
	color: #81E1FF;
	border-radius: 4rpx;
}

.orderWayBox .leftTri {
	width: 0;
	height: 0;
	border-top: 20rpx solid transparent;
	border-left: 12rpx solid #E2FEFF;
	border-bottom: 20rpx solid transparent;
}

.orderWayBox .recommend {
	width: 73rpx;
	height: 40rpx;
	background: #23D9FE;
	color: #FFFFFF;
	font-size: 24rpx;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 40rpx;
	display: flex;
}

.orderWayBox .ml {
	margin-left: 6rpx;
}

.orderWayBox .rigthBox {
	width: 362rpx;
	height: 356rpx;
	margin-left: 16rpx;
	display: flex;
	flex-direction: column;
}

.orderWayBox .topBox {
	width: 314rpx;
	background-color: #FFF6F7;
	height: 140rpx;
	padding: 30rpx 24rpx 0;
	position: relative;
	color: #FF8181;
	border-radius: 4rpx;
}

.fwText {
	font-weight: 600;
	font-size: 34rpx;
	margin-bottom: 10rpx;
}

.orderWayBox .bottomBox {
	width: 314rpx;
	background-color: #F2F1FD;
	padding: 30rpx 24rpx 0;
	position: relative;
	color: #9C9CFF;
	border-radius: 4rpx;
	margin-top: 16rpx;
	height: 100%;
}

.orderWayBox .moreOrder {
	width: 182rpx;
	height: 198rpx;
	position: absolute;
	bottom: 12rpx;
	left: 68rpx;
}

.orderWayBox .moreBtn {
	width: 200rpx;
	height: 76rpx;
	position: absolute;
	bottom: 12rpx;
	left: 56rpx;
}

.orderWayBox .exactOrder {
	width: 110rpx;
	height: 116rpx;
	position: absolute;
	top: 8rpx;
	right: 24rpx;
}

.orderWayBox .goosOrder {
	width: 104rpx;
	height: 118rpx;
	position: absolute;
	bottom: 0;
	right: 22rpx;
}

/* 4个盒子导航 */
.listbox {
	width: 100%;
	display: flex;
	margin-top: 10rpx;
}

.insidebox {
	width: 25%;
	text-align: center;
	position: relative;
}

.listicon {
	width: 84rpx;
	height: 84rpx;
	margin-bottom: 10rpx;
}

.listText {
	font-size: 28rpx;
	color: #666666;
}

/* 邀请好友 */
.inviteBox {
	display: flex;
	height: 142rpx;
	width: 93%;
	margin: 0 auto;
	justify-content: space-between;
	margin-top: 16rpx;
	font-size: 28rpx;
	color: #B6BCC2;
}

.inviteBox .invite {
	width: 434rpx;
	height: 118rpx;
	background-color: #EEF6FF;
	padding: 24rpx 0 0 24rpx;
	border-radius: 4rpx;
	position: relative;
}

.inviteBox .rainking {
	background-color: #F2F4F8;
	margin-left: 16rpx;
	height: 118rpx;
	flex: 1;
	position: relative;
	padding: 24rpx 0 0 24rpx;
	border-radius: 4rpx;
}

.inViteText {
	font-size: 32rpx;
	font-weight: 600;
	margin-bottom: 14rpx;
}

.inviteBox .inviteIcon {
	width: 143rpx;
	height: 122rpx;
	position: absolute;
	right: 38rpx;
	top: -16rpx;
}

.inviteBox .rakingIcon {
	/* width: 74rpx;
  height: 60rpx; */
	width: 45.22rpx;
	height: 43.34rpx;
	position: absolute;
	/* top: -14rpx;
  right: 4rpx; */
	top: 25rpx;
	right: 26rpx;
}

/* 顶级列表 */
.sticky {
	position: sticky;
	top: 0;
	z-index: 100;
	/* padding-top: 16rpx; */
	background: #ffffff;
}

.top-category-list {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #fff;
	margin-bottom: 8rpx;
}

.top-category {
	width: 33.333%;
	height: 64rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28rpx;
	border: 2rpx solid #FFDBDF;
	background: #FFF5F6;
	color: #FF2840;
	box-sizing: border-box;
	border-left: none;
}

.top-category.top-category-action {
	border: none;
	background: #FF2840;
	color: #ffffff;
	font-size: 32rpx;
}

.common-offer {
	width: 100%;
	display: flex;
	align-items: center;
	height: 82rpx;
	padding: 0 24rpx;
	box-sizing: border-box;
	background: #fff;
}

.common-offer-title {
	/* width: 140rpx; */
	font-size: 24rpx;
	margin-right: 24rpx;
	height: 82rpx;
	line-height: 82rpx;
}

.common-offer-line {
	width: 2rpx;
	height: 40rpx;
	box-shadow: 2rpx 0 6rpx #D2D4D6;
}

.common-offer-list {
	width: calc(100% - 140rpx);
}

.history-offer-list {
	white-space: nowrap;
	padding: 12rpx 0;
}

.history-offer-item {
	display: inline-block;
	margin: 0 22rpx;
	color: #2885FF;
	font-size: 24rpx;
}

/* 报价列表 */
.priceBox {
	width: 100%;
	background-color: #fff;
	margin: 0 auto 24rpx;
	border-radius: 10rpx;
	overflow: hidden;
}

.priceBox .priceTitleBox {
	display: flex;
	padding-top: 32rpx;
	margin-bottom: 40rpx;
	align-items: center;
	position: relative;
	justify-content: space-between;
}

.priceBox .triangleIcon {
	width: 100%;
	height: 100rpx;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.priceBox .priceTitle {
	font-weight: bold;
	font-size: 36rpx;
	color: #222222;
	position: relative;
	z-index: 10;
	margin-left: 30rpx;
}

.priceBox .brandBox {
	position: relative;
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	float: left;
	margin-bottom: 40rpx;
}

.priceBox .brandBox .brandImg {
	position: relative;
	width: 96rpx;
	height: 96rpx;
}

.priceBox .brandBox .brandImg image {
	width: 96rpx;
	height: 96rpx;
	/* border-radius: 30rpx; */
}

.priceBox .brandBox .brandImg .brandUpdate {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
}

.priceBox .brandBox .brandImg .brandUpdate .brand-bg {
	position: absolute;
	left: -9rpx;
	bottom: -30rpx;
	z-index: 10;
}

.brand-text {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 11;
	font-size: 20rpx;
	color: #FF0000;
	font-weight: bold;
}

.brand-new-img {
	width: 106rpx !important;
	height: 40rpx !important;
	position: absolute;
	bottom: 0rpx;
	left: calc(50% - 53rpx);
}

.brand-text-new {
	position: absolute !important;
	bottom: 0rpx !important;
	height: 40rpx !important;
}

.priceBox .brandBox .brandName {
	margin-top: 12rpx;
	font-size: 24rpx;
}

.priceBox .brandBox .login-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 100;
	font-size: 0;
	line-height: 0;
}


/* 返回顶部 */
.goTopss {
	height: 80rpx;
	width: 80rpx;
	/* margin-top: 48rpx; */
	z-index: 888;
}

.show {
	animation: showLayer 0.5s linear both;
}

.hide {
	animation: hideLayer 0.5s linear both;
}

@keyframes showLayer {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(80rpx);
		/* 这里可以通过变大变小调整偏移量 */
	}
}

@keyframes hideLayer {
	0% {
		transform: translateX(80rpx);
	}

	100% {
		transform: translateX(0);
	}
}

.tellBox {
	width: 70rpx;
	/* height: 192rpx; */
	background: rgba(0, 0, 0, 0.7);
	box-shadow: 0rpx 4rpx 12rpx rgba(252, 79, 29, 0.2);
	position: fixed;
	right: 0;
	bottom: 40%;
	border-radius: 20rpx 0 0 20rpx;
	color: #FFFFFF;
	font-size: 22rpx;
	text-align: center;
	padding: 18rpx 0;
	z-index: 100;
}

.tellBox .line {
	width: 56rpx;
	height: 1rpx;
	background-color: #FFFFFF;
	opacity: 0.46;
	margin: 18rpx auto 16rpx;
}

.tellBox .tellIcon {
	width: 30rpx;
	height: 30rpx;
	margin-bottom: 4rpx;
}

.tellBox .contactbtn {
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 0;
}

/* 弹框 */
.popover-mask-layer {
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	z-index: 999;
}

.coupon-pop-up {
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	z-index: 1003;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: scale(0);
}

.coupon-pop-up .body {
	width: 100%;
}

.coupon-pop-up .top-images {
	width: 570rpx;
	height: 672rpx;
	left: 90rpx;
	position: relative;
}

.coupon-pop-up .top-images image {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1000;
}

.coupon-pop-up .bottom-close-btn {
	height: 68rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20rpx;

}

.bottom-close-btn image {
	position: relative;
	z-index: 9999;
	width: 68rpx;
	height: 68rpx;
}

.coupon-pop-up .login-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1200;
	font-size: 0;
	line-height: 0;
}


/* 活动中心 */
.sudokuBox {
	margin: 10rpx 30rpx;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sudokuBox::after {
	content: "";
	width: 220rpx;
}

.sudoku_item {
	width: 220rpx;
	height: 136rpx;
	text-align: left;
	position: relative;
	margin-bottom: 16rpx;
	background: #fff;
	border-radius: 10rpx;
	padding: 10rpx 16rpx;
	box-sizing: border-box;
	overflow: hidden;
}

.sudoku_item::after {
	content: "";
	width: 220rpx;
}

.sudoku_corner {
	width: 56rpx;
	height: 32rpx;
	line-height: 32rpx;
	border: 1px solid #FFFFFF;
	background: linear-gradient(180deg, #FE8435 0%, #FC5620 100%);
	border-radius: 20rpx 20rpx 20rpx 0rpx;
	font-size: 20rpx;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	right: 0;
}

.sudoku_text {
	font-size: 30rpx;
	color: #2E2E2E;
	font-weight: bold;
}

.sudoku_text_min {
	font-size: 20rpx;
	color: #999999;
	margin-bottom: 12rpx;
}

.go-bth {
	font-size: 24rpx;
	width: 70rpx;
	height: 38rpx;
	border-radius: 20rpx;
	background: #FF2802;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.sudoku_img {
	width: 72rpx;
	height: 72rpx;
	position: absolute;
	right: 0;
	bottom: 0;
}

.shop {
	margin: 0 30rpx 20rpx 30rpx;
	box-sizing: border-box;
	padding: 20rpx;
	border: 2rpx solid #f5f6fa;
	border-radius: 10rpx;
}

.shop-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.shop-left {
	width: 100%;
}

.shop-left-text {
	width: 100%;

	font-size: 26rpx;
	color: #666666;
	margin-bottom: 14rpx;
	display: flex;
	justify-content: space-between;
}

.shop-left-text.shop-left-dian {
	width: 510rpx;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.shop-left-title {
	font-size: 28rpx;
	font-weight: bold;
	color: #222;
	width: 310rpx;
	margin-left: 20rpx;
}

.shop-left-titleText {
	font-size: 24rpx;
	color: #999999;
}

.shop-right image {
	width: 140rpx;
	height: 140rpx;
	border-radius: 16rpx;
}

.shop-bth {
	display: inline-block !important;
	font-size: 22rpx;
	padding: 4rpx 4rpx;
	/* background: #FFF5F6; */
	border-radius: 4rpx;
	color: #FF2840;
	height: 32rpx;
}

.shop-bottom-text {
	font-size: 26rpx;
	color: #666666;
	display: flex;
	justify-content: space-between;
}

.shop-bottom-address {
	width: 536rpx;
	display: flex;
	margin-right: 10rpx;
	line-height: 36rpx;
}

.shop-bottom-address.shop-bottom-address-wx view:nth-child(1) {
	width: 100%;
}

.shop-bottom-address view:nth-child(1) {
	width: auto;
	white-space: nowrap;
}

.shop-bottom-address view:nth-child(2) {
	/* display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  word-break: break-all; */

	/* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical */

}

/* 提示框 */
.promptPage {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.promp_red {
	color: #FF2840;
	font-weight: bold;
}

.promp_card {
	width: 80%;
	padding: 50rpx 40rpx;
	background-color: #FFFFFF;
	border-radius: 20rpx;
}

.promp_title {
	font-size: 30rpx;
	color: #A6A6A6;
	margin-bottom: 30rpx;
}

.promp_data {
	display: flex;
	justify-content: space-between;
	padding: 20rpx 30rpx;
	background-color: #F8F8F8;
	border-radius: 20rpx;
	box-shadow: 0 0 16rpx 0 #ccc;
}

.promp_but {
	width: 160rpx;
	height: 80rpx;
	text-align: center;
	line-height: 80rpx;
	color: #FF2840;
	background-color: #fff;
	border: 2rpx solid #FF2840;
	border-radius: 15rpx;
	margin: auto 0;
	padding: 0;
}

.promp_close {
	width: 240rpx;
	height: 80rpx;
	text-align: center;
	line-height: 80rpx;
	color: #fff;
	background-color: #FF2840;
	border-radius: 15rpx;
	margin: 0 auto;
	margin-top: 40rpx;
}

.promp_mar {
	margin: 30rpx 0;
}

.promp_black {
	color: #000;
	font-weight: bold;
}

.promp_grey {
	color: #9B9B9B;
	margin-top: 15rpx;
}


.top-tooltip {
	position: fixed;
	top: 10rpx;
	right: 50rpx;
	z-index: 101;
	font-size: 26rpx;
	background: rgba(0, 0, 0, 0.7);
	padding: 8rpx 20rpx;
	color: #ffffff;
	border-radius: 10rpx;
}

.top-tooltip view {
	display: flex;
	align-content: center;
}

.top-tooltip view:nth-child(3) {
	margin-top: 10rpx;
}

.top-tooltip .close {
	margin-left: 8rpx;
	margin-top: 4rpx;
	font-size: 24rpx;
	color: rgba(255, 255, 255, 0.7);
}

.top-tooltip .duo {
	margin: 12rpx 6rpx 0 6rpx;
	font-size: 12rpx;
	color: #fdc23c;
}

.top-tooltip .top-tooltip-triangle {
	position: absolute;
	right: 80rpx;
	top: -20rpx;
	width: 0px;
	height: 0px;
	border: 11rpx solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.7);
}

.swiper-icon {
	display: flex;
	align-items: center;
}

.swiper_time {
	margin-left: 16rpx;
	min-width: 80rpx;
}

.homeImage {
	width: 100rpx;
	height: 100rpx;
	position: fixed;
	bottom: 25%;
	right: 0;
	z-index: 100;
}

/* 新闻资讯 tab栏样式 */
::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

.scrollX {
	white-space: nowrap;
	height: 100%;
	padding-left: 30rpx;
	border-bottom: 1rpx solid #eee;
}

.scrollX .cell {
	display: inline-block;
	margin-right: 45rpx;
	height: 60rpx;
	line-height: 60rpx;
	color: #666666;
	font-size: 28rpx;
	padding-bottom: 8rpx;
	min-width: 120rpx;
	text-align: center;
	font-size: 28rpx;
}

.scrollX .cell.on {
	position: relative;
	color: #000000;
	font-weight: bold;
	font-size: 30rpx;
}

.scrollX .cell.on::after {
	content: '';
	width: 120rpx;
	height: 5rpx;
	background: #FF2840;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 5rpx;
	border-radius: 3rpx;
}

/* 视频 */
.video {
	margin: 30rpx;
	padding: 20rpx;
	height: 350rpx;
	box-shadow: 0 0 8rpx 0 #cccccc;
	border-radius: 20rpx;
}

.video_txt {
	display: flex;
	justify-content: space-between;
}

.video_txt_left {
	font-weight: bold;
}

.video_txt_right {
	color: #9B9B9B;
	font-weight: 500;
}

.video_img {
	margin-top: 40rpx;
	width: 650rpx;
	height: 240rpx;
}

/* 单选按钮样式 */
/deep/ .uni-radio-input {
	border-radius: 50%;
	width: 30rpx;
	height: 30rpx;
	border: none;
	border: 1px solid #cccccc;
	margin-left: 10rpx;
}


.bottomText {
	background: #FFFFFF linear-gradient(146deg, #FFE3E3 0%, #FFF1F1 55%);
	height: 90rpx;
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
}

.contactBox {
	/* width: 702rpx; */
	height: 124rpx;
	padding: 24rpx 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.liBox {
	width: 33%;
	height: 100%;
	line-height: 124rpx;
	font-size: 28rpx;
	color: #555555;
	position: relative;
	flex-grow: 0;
	background-color: #ffffff;
}

.liBox:nth-of-type(1):before,
.liBox:nth-of-type(2):before {
	content: "";
	display: block;
	height: 82rpx;
	border-right: 1px solid #dcdcdc;
	position: absolute;
	right: 0;
	top: 20rpx;
}

.liBox .contactImg {
	width: 37rpx;
	height: 30.36rpx;
	vertical-align: middle;
	margin-right: 10rpx;
}

/* 领取弹窗 */
.reminder {
	width: 68rpx;
	text-align: right;
	position: absolute;
	top: 190rpx;
	left: 150rpx;
	color: #FFFBAD;
	font-weight: bold;
	font-size: 56rpx;
}

.reminderSuccess {
	position: absolute;
	top: 290rpx;
	left: 200rpx;
	color: #E54A0D;
	font-weight: bold;
}

.reminderSuccessTop {
	font-size: 36rpx;
	margin-right: 6rpx;
	color: #8A4302;
}

.reminderSuccessBottom {
	font-size: 24rpx;
	color: #A24F02;
	margin-top: 10rpx;
}